<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Notifier</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link type="text/css" href="../../jqueryui/themes/redmond/ui.all.css" rel="stylesheet" />
	<link type="text/css" href="../../themes/base/ui.button.css" rel="stylesheet" />
	<link type="text/css" href="../../themes/base/ui.notifier.css" rel="stylesheet" />
	<link type="text/css" href="../demo.css" rel="stylesheet" />
	<script type="text/javascript" src="../../jqueryui/jquery-1.3.2"></script>
	<script type="text/javascript" src="../../jqueryui/ui/jquery-ui.js"></script>
	<script type="text/javascript" src="../../ui/ui.notifier.js"></script>
	<script type="text/javascript" src="../../ui/ui.button.js"></script>
	<script type="text/javascript" src="../../ui/ui.form.js"></script>
	<script type="text/javascript">
		$(function() {
			$("#warning").notifier({
				style: $.ui.notifier.WARNING,
				text: "Warning",
				visible: true,
				width: "300px"
			});
			$("#error").notifier({
				style: $.ui.notifier.ERROR,
				text: "Error",
				visible: true
			});
			$("#button").button({
				text: "Change Text",
				click: function() {
					$("#error").notifier("option", "text", "This is longer");
				}
			});
		});
	</script>
  </head>
  <body>
	<h2>Warning</h2>
	<div id="warning"></div>
	<h2>Error</h2>
	<div id="error"></div>
	<div id="button"></div>
  </body>
</html>
